let deta = new Vue({
    el: '.page-content',
    data: function () {
        return {
            user: {},
            selectName:'',
            setting: {
                data: {//设置树的数据的配置
                    simpleData: {//简单数据格式配置  一维结构节点数组 不设置默认是多维结构数组
                        enable: true,  //开启使用简单数据格式
                        // idKey: 'id', //设置节点中的id属性key  默认
                        pIdKey: 'parentId' //设置父节点id属性key   与数据库中的字段需要对应
                    }
                },
                callback: {
                    onClick: this.onClick2
                },
                view: {//显示设置
                    //当显示某个节点/更新节点的时候，自动会调用字体设置
                    fontCss: this.fontCss1
                }
            },
            nodes: []
        }
    },
    methods: {
        search:function () {
            let zTreeObj = $.fn.zTree.getZTreeObj('pullDownTreethree');
            let nodes=zTreeObj.getNodes();
            nodes=zTreeObj.transformToArray(nodes);
            for (let i in nodes){
                nodes[i].highLight=false;
                zTreeObj.updateNode(nodes[i])
            }
            let conditionName=null;
            if (this.selectName!=''){
                conditionName=this.selectName;
            }
            let nodesFuzzy=zTreeObj.getNodesByParamFuzzy('name',conditionName,null);
            for (let n in nodesFuzzy) {
                nodesFuzzy[n].highLight=true;
                zTreeObj.updateNode(nodesFuzzy[n])
            }
        },
        fontCss1:function (treeId,treeNode) {
            return treeNode.highLight?{color:'red'}:{color:'black'}
        },
        initTree:function () {
            axios({
                url:'office/select'
            }).then(response=>{
                this.nodes=response.data.obj;
                //动态生成父节点 全部
                this.nodes[this.nodes.length] = {id:0,name:'全部'};
                //初始化树(dom节点对象,配置对象,节点数组)
                let zTreeObj = $.fn.zTree.init($('#pullDownTreethree'),this.setting,this.nodes);
                zTreeObj.expandAll(true);
                let nodes = zTreeObj.getNodes();//获取组装后的节点数组
            }).catch(error=>{
                layer.msg(error.message)
            })
        },
        onClick2:function (event, treeId, treeNode) {
            if (treeNode.id===0){
                return;
            }
            this.user.oname=treeNode.name;
            $("#openClose").removeClass("open")
            // $("#opneOrClose").removeClass('open')
        },
        hiddenWindow:function () {
            let index=parent.layer.getFrameIndex(window.name);
            parent.layer.close(index);
        },
        doUpdate:function () {
            axios({
                url: "sysuser/doUpdate",
                method:'put',
                data:this.user
            }).then(response=>{
                if(response.data.success){
                    let index=parent.layer.getFrameIndex(window.name);
                    parent.layer.close(index);
                    parent.layer.message=response.data.obj
                }else {
                    layer.msg(response.data.msg)
                }
            }).catch(error=>{
                layer.msg(error)
            })
        },
    },
    created: function () {
        this.user=parent.layer.user;
        this.initTree()
    }
});